						<div class="crumb_nav">
            	<a href="{bstoRootPath}index">Home</a> &gt;&gt; <a href="{bstoRootPath}category/{cid}">{categoryName}</a> &gt;&gt; {bookName}
            </div>
            <div class="title"><span class="title_icon"><img src="{bstoViewPath}/images/bullet1.gif" alt="" title="" /></span>{bookName}</div>
            
						<div class="feat_prod_box_details">            
	           	<div class="prod_img">
                <script type="text/javascript">
                $(function() {
                	
                	$('#gallery').lightBox(); // Select all links in object with gallery ID
                	
                
                });
                </script>
	           		<a href="{bstoRootPath}detail/{id}">
                       <img src="{bstoViewPath}images/thumbnail/{bookThumbnail}" alt="" title="" border="0" class="size150"/>
                    </a>
	              <br /><br />
	              <a id="gallery" href="{bstoViewPath}images/large/{bookThumbnail}" title="{bookName}">
                    <img src="{bstoViewPath}/images/zoom.gif" alt="" title="" border="0" />
                  </a>
	            </div>
                
              <div class="prod_det_box">
              	<div class="box_top"></div>
                  <div class="box_center">
                  	<div class="prod_title">Details</div>
                  	<div class="details">
                  		<p>Author: &nbsp {author}</p>
						<p>Translator: &nbsp {translator}</p>
						<p>Pages: &nbsp {pages}</p>
						<p>Price: &nbsp {price}$</p>
                  		
                  	</div>                   
                  	<div class="clear"></div>
                  </div>
                    
                  <div class="box_bottom"></div>                
                <div id="social_box">
                    
                    <div id="social_fb_like">
                        <!-- @author huydt | @editor: vinhlh -->
                        <div id="fb-root"></div>
                        <!--<script src="{bstoRootPath}view/js/all.js#appId={facebookAPI}&amp;xfbml=1"></script>-->
                        <fb:like href="{statisticURL}detail/{id}" send="false" width="340" show_faces="false" font="arial">
                        </fb:like>
                    </div><!-- end social_fb_like -->
                    
                    <div id="social_second">
                        <div id="social_fb_share">
                            <a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a>
                            <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
                        </div><!-- end social_fb_share -->
                        
                        <div id="social_tw">
                            <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
                            <a href="http://twitter.com/share" 
                                data-url="{statisticURL}detail/{id}"                            
                                data-text="[pycool] cool, cooler, cool forever..."
                                data-count="horizontal" 
                                class="twitter-share-button">Tweet</a>
                            <!-- count | none : horizontal : vertical -->
                        </div><!-- end social_tw -->
                   	</div> 
                </div><!-- end social_box -->
              </div>
                
              <div class="clear"></div>
              <div class="buy"><a href="{bstoRootPath}buy/{id}">BUY</a></div>
              <div class="clear"></div>	
            </div>

    
    <div id="tabvanilla" class="widget">

            <ul class="tabnav">
                <li><a href="#moreDetail">More details</a></li>
                <li><a href="#relatedBook">Related books</a></li>
                <li><a href="#comment">Comments</a></li>
            </ul>

            <div id="moreDetail" class="tabdiv">
              
             <p>{bookDetail}</p>            
              
            </div>
            
            <div id="relatedBook" class="tabdiv">
          
                {relatedBooks}
                    
                <div class="clear"></div>    
                
            </div>
            
           <div id="comment" class="tabdiv">
                <p>
                    <div id="fb-root"></div>
                         <!--<script src="{bstoRootPath}view/js/all.js#xfbml=1"></script>-->
                         <fb:comments href="{statisticURL}detail/{id}" num_posts="2" width="425"></fb:comments>
                </p>
            </div>

        </div><!--/widget-->						